<template>
	<view class="main">
		<view class="u-f-ajc">
			<image class="img" src="../../../static/images/three@x2.png" mode="widthFix"></image>
			<view class="u-font-40 u-font-b u-margin-top-30">提交成功！</view>
			<view class="u-light-color">预计<text class="u-font-mian-color">24</text>小时内完成审核！</view>
		</view>
		<view class="u-margin-30">
			<u-button
			:custom-style="customStyle" 
			:hair-line="false" 
			:ripple="true" 
			:ripple-bg-color="rippleBg"
			 @click="submit">完成</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 按钮css样式
				rippleBg:'rgba(255,255,255,0.3)',
				customStyle: {
					height:'100rpx',
					backgroundColor:'#191d19',
					boxShadow:'0 12rpx 20rpx -8rpx rgba(28, 34, 28, 0.3)',
					fontSize:'32rpx',
					fontWeight:'bold',
					color:'#FFF',
					marginTop:'90rpx'
				}
			}
		},
		methods: {
			// 完成
			submit() {
				uni.navigateTo({
					url: '../../index/index'
				});
				
				// 跳转页面取消-返回
				// #ifdef MP-WEIXIN
				if(wx.hideHomeButton){  
				    wx.hideHomeButton();  
				}  
				// #endif
			}
		}
	}
</script>
<style>
	page{
		 background-color: #FFFFFF !important;
	}
</style>
<style lang="scss" scoped>
	.main{
		height: 100vh;
		margin-top: 100rpx;
	}
	.u-f-ajc{
		flex-direction: column;
		line-height: 58rpx;
	}
	.img{
		width: 307rpx;
		height: 207rpx;
		display: block;
		margin-right: 30rpx;
	}
</style>
